<!DOCTYPE html>
<!--[if lt IE 7]> <html dir="ltr" lang="en-US" class="ie6"> <![endif]-->
<!--[if IE 7]>    <html dir="ltr" lang="en-US" class="ie7"> <![endif]-->
<!--[if IE 8]>    <html dir="ltr" lang="en-US" class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html dir="ltr" lang="en-US"> <!--<![endif]-->

<!-- BEGIN head -->
<head>

	<!--Meta Tags-->
	<meta name="viewport" content="width=device-width; initial-scale=1.0" />
	
		
	<!--Title-->
	<title>Organic Shop - A Premium HTML Template for Ecommerce Websites</title>

	<!--Stylesheets-->
	<link rel="stylesheet" href="css/superfish.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all" />
	<link type="text/css" href="css/jqueryui/jquery.ui.datepicker.css" rel="stylesheet" />
	<link rel="stylesheet" href="style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/colours/green.css" type="text/css" media="all" />
	<link href='css/network1.css' rel='stylesheet' type='text/css' />
	<link href='css/network2.css' rel='stylesheet' type='text/css' />

	<!--Favicon-->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

	<!--JavaScript-->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type='text/javascript' src='js/jquery-ui.min.js'></script>
	<script type='text/javascript' src='js/jquery.prettyPhoto.js'></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	
	<!--[if (gte IE 6)&(lte IE 8)]>
		<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<![endif]-->

<!-- END head -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<!-- BEGIN body -->
<body>
	
	<!-- BEGIN .wrapper -->
	<div class="wrapper">
		
		<!-- BEGIN .topbar -->
		<div class="topbar clearfix">
			
			<!-- BEGIN .social-icons -->
			<ul class="social-icons">
				<li><a href="#"><span id="twitter_icon"></span></a></li>
				<li><a href="#"><span id="facebook_icon"></span></a></li>
				<li><a href="#"><span id="googleplus_icon"></span></a></li>
				<li><a href="#"><span id="skype_icon"></span></a></li>
				<li><a href="#"><span id="flickr_icon"></span></a></li>
				<li><a href="#"><span id="linkedin_icon"></span></a></li>
				<li><a href="#"><span id="vimeo_icon"></span></a></li>
				<li><a href="#"><span id="youtube_icon"></span></a></li>
				<li><a href="#"><span id="rss_icon"></span></a></li>
			<!-- END .social-icons -->
			</ul>
			
			<!-- BEGIN .topbar-right -->
			<div class="topbar-right clearfix">
				
				<ul class="clearfix">
					<li class="checkout-icon"><a href="checkout.html">Checkout</a></li>
					<li class="myaccount-icon"><a href="my-account.html">My Account</a></li>
				</ul>
		
				<div class="cart-top">
					<p><a href="cart.html">9 Items</a></p>
				</div>
				
			<!-- END .topbar-right -->
			</div>
		
		<!-- END .topbar -->
		</div>
		
		<!-- BEGIN #site-title -->
		<div id="site-title">
			<a href="index.html">
				<h1>Organic <span>shop</span></h1>
			</a>
		<!-- END #site-title -->
		</div>
		
		<!-- BEGIN .main-menu-wrapper -->
		<div id="main-menu-wrapper" class="clearfix">
			
			<ul id="main-menu" class="fl">
				<li class="current_page_item"><a href="index.html">Home</a></li>
				<li><a href="products.html">Products</a>
					<ul>
						<li><a href="product-single.html">Cleansers</a></li>
						<li><a href="product-single.html">Exfoliators &amp; Masks</a></li>
						<li><a href="product-single.html">Toners</a></li>
						<li><a href="product-single.html">Moisturisers</a>
							<ul>
								<li><a href="product-single.html">Hands</a></li>
								<li><a href="product-single.html">Face</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="testimonials.html">Testimonials</a></li>
				<li><a href="typography.html">About</a>
					<ul>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="js-elements.html">JS Elements</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>	
			</ul>
			
			<form method="get" action="#" id="menu-search" class="fr" />
				<input type="text" name="s" />
			</form>
		
		<!-- END .main-menu-wrapper -->	
		</div>
		
		<div id="page-header">
			<img src="images/page-header1.jpg" alt="" />
		</div>
		
		<!-- BEGIN .section -->
		<div class="section page-content clearfix">
	
			<h2 class="page-title">Cart</h2>
			
			<form method="post" action="#" />
			
				<div class="tag-title-wrap clearfix">
					<h4 class="tag-title">Your Order</h4>
				</div>
			
				<table width="100%" class="account-table">
					<thead>
						<tr>
							<th>Product #</th>
							<th>Product Name</th>
							<th>Qty</th>
							<th>Totals</th>
							<th>Remove</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty" class="qty-table">	
								<div class="qty-fields">
									<input type="text" maxlength="12" class="qty-text" size="4" value="1" name="quantity-0123" />
								</div>
							</td>
							<td data-title="Totals">£149.97</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty" class="qty-table">	
								<div class="qty-fields">
									<input type="text" maxlength="12" class="qty-text" size="4" value="1" name="quantity-0123" />
								</div>
							</td>
							<td data-title="Totals">£149.97</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty" class="qty-table">	
								<div class="qty-fields">
									<input type="text" maxlength="12" class="qty-text" size="4" value="1" name="quantity-0123" />
								</div>
							</td>
							<td data-title="Totals">£149.97</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty" class="qty-table">	
								<div class="qty-fields">
									<input type="text" maxlength="12" class="qty-text" size="4" value="1" name="quantity-0123" />
								</div>
							</td>
							<td data-title="Totals">£149.97</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
					</tbody>
				</table>
				
				<!-- BEGIN .clearfix -->
				<div class="cart-options clearfix">
			
					<div class="coupon-form clearfix fl">
						<input type="text" class="coupon-code" name="coupon-code" class="text_input" value="" />
						<input class="button2 fr" style="margin: 2px 0 0 10px;" type="button" value="Apply Coupon &raquo;" name="submit" />
					</div>
			
					<div class="cart-buttons fr">
						<input class="button2 fl" style="margin: 2px 10px 0 0;" type="button" value="Update Cart &raquo;" name="submit" />
						<input class="button2 fr" style="margin: 2px 0 0 0;" type="submit" value="Proceed to Checkout &raquo;" name="submit" />
					</div>
				
				<!-- END .clearfix -->
				</div>
			
			</form>
			
			<hr />
			
			<div class="form-third">
			
				<div class="tag-title-wrap clearfix">
					<h4 class="tag-title">Total</h4>
				</div>
			
				<table width="100%" class="account-table">
					<tbody>
						<tr>
							<td><strong>Subtotal</strong></td>
							<td>£599.88</td>
						</tr>
						<tr>
							<td><strong>Shipping</strong></td>
							<td>Free Shipping</td>
						</tr>
						<tr>
							<td><strong>Order Total</strong></td>
							<td>£599.88</td>
						</tr>
					</tbody>
				</table>
			
				<input class="button2 fr" type="submit" value="Proceed to Checkout &raquo;" id="submit" name="submit" />
			
			</div>

		<!-- END .section -->
		</div>

		<!-- BEGIN #footer -->
		<div id="footer">
			
			<ul class="columns-4 clearfix">
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Customer Services</h6>
						</div>
						
						<ul>
							<li class="contact-phone">+44 0123456789</li>
							<li class="contact-mail">mail [at] website [dot] com</li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Categories</h6>
						</div>
						
						<ul>
							<li><a href="#">Skin Care</a></li>
							<li><a href="#">Bath &amp; Body Care</a></li>
							<li><a href="#">Fragrance</a></li>
							<li><a href="#">Make-Up</a></li>
							<li><a href="#">Hair</a></li>
							<li><a href="#">Moisturisers</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Tags</h6>
						</div>
						
						<ul class="wp-tag-cloud clearfix">
							<li><a href="#">Body Scrubs</a></li>
							<li><a href="#">Eye Care</a></li>
							<li><a href="#">Eyes</a></li>
							<li><a href="#">Lips</a></li>
							<li><a href="#">Cheeks</a></li>
							<li><a href="#">Candles</a></li>
							<li><a href="#">Shampoo</a></li>
							<li><a href="#">Conditioner</a></li>
							<li><a href="#">Body Wash</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Flickr</h6>
						</div>
						
						<div class="flickr_badge_wrapper clearfix">
							
							<div style="clear:both;margin:0 0 10px 0;"></div>
							<p class="button2"><a href="http://sc.chinaz.com/">sc.chinaz.com</a></p>
						</div>
						
					<!-- END .widget -->
					</div>
					
				</li>
			</ul>
		
		<!-- END #footer -->
		</div>
		
		<div id="footer-bottom" class="clearfix">
			
			<div class="fl">
				
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="contact.html">Contact Us</a></li>
					<li><a href="products.html">Products</a></li>
				</ul>
				
				<p>&copy; Copyright 2013</p>
				
			</div>
			
			<div class="fr">
				<img src="images/payment-methods.png" alt="Payment Methods" />
			</div>
			
		</div>
			
	<!-- END .wrapper -->
	</div>
	
<!-- END body -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>